<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
	<head>
		<meta charset="utf-8">
		<title>杰利联合</title>
		<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
		<meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport">
		<meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
		<meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
		<meta content="no-cache" http-equiv="pragma">
		<meta content="0" http-equiv="expires">
		<meta content="telephone=no, address=no" name="format-detection">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
		<link rel="stylesheet" type="text/css" href="${ctxStatic}/jiu/css/mobile_module.css?v=1492676217" media="all">
		<link href="${ctxStatic}/jiu/css/common.css?v=1492676217" rel="stylesheet" type="text/css">
		
		<link rel="stylesheet" href="${ctxStatic}/jiu/css/pingjia.css" />	
		<script type="text/javascript" src="${ctxStatic}/jiu/js/jquery-2.0.3.min.js"></script>
	
		<style>
				.hearder{
				height: 50px;
				background-color: #30B0F3;
				width: 100%;
				text-align: center;
				color: white;
				font-size: 20px;
                line-height:50px;
                position: fixed;
			    top: 0;
			    z-index: 1;
			}
			.show_number{
				margin-left: 10px;
			
			}
			.show_number li {
				width: 240px;
				border: 1px solid #ccc;
				padding: 10px;
				margin-right: 5px;
				margin-bottom: 20px;
			}
			
		  .atar_Show {
				background: url(${ctxStatic}/jiu/img/s2.png);
				width: 110px;
				height: 22px;			  
			}
			
			.atar_Show p {
				background: url(${ctxStatic}/jiu/img/s1.png);
				left: 0;
				height: 22px;
				/*width: 130px;*/
			}	
			.show_number li span {
				display: inline-block;
				line-height: 21px;
			}
			.clearfix::after {
				display: block;
				content: '';
				height: 0;
				overflow: hidden;
				clear: both;
			}
			.pinglist{
				margin: 10px;
			}
			.pinglist li{
				border-bottom: 1px solid #eee;
				padding: 10px 0px;
			}
			.pbox{
					display: flex;
					justify-content: space-between;
					align-items: center;
					line-height: 26px;
				}
				.text{
					margin: 10px;
				}
				.name{
					margin-left: 10px;
					color: #ff9000;
    				font-size: 16px;
    				margin-top: 5px;
				}
		</style>
		<style>
			a{
				color: #CE710D;
				text-decoration: none;
				position: absolute;
                right: 10px;
            }
            .gengduo>div:last-child{
            	border-bottom: 1px solid #fff;
            }
             li{
             	padding: 10px;
            	border-bottom: 5px solid #eee;
            	
            }
            .zhankaia{
            	content: '展开';
            }
		</style>
		
	</head>
	<body style="">
		<header  class="hearder" style="">
			<a href="javascript:window.history.go(-1)">
				<img src="${ctxStatic}/jiu/img/fanhui.png" style="height: 20px;color: white;top:15px;position: absolute;left: 10px;"/>
			</a>
		                评价列表
		</header>
	
		<div style="background: #fff;margin-top: 60px;">
				
			<ul >
			<%int i=0; %>
			<c:forEach var="evalua" items="${evaluaLogList }">
			<%i++;%>
				<li >
				
					<div class="pbox" >
						<div >
						   <span class="pname user<%=i%>">${evalua.storeName }</span>
						   <p style="color: #afafaf;margin-left: 10px;margin-bottom: 10px;font-size: 12px;"><fmt:formatDate value="${evalua.createTime }" pattern="yyyy-MM-dd HH:mm:ss"/></p>
						</div>
						<div class="zhibiao2">
								<p>接单服务 <span>${evalua.starNum}</span></p>
								<p>生产质量 <span>${evalua.starNumTwo}</span></p>
								<p>配送速度 <span>${evalua.starNumThird}</span></p>
						</div>
					</div>
					<div>
						<div class="text">
							${evalua.evaluateWords}
						</div>
						<!-- <div class="answer_text">
							<p>厂家回复：谢谢你对我们的评价，很高兴很荣幸你们选择我们的商品，希望下次再次合作</p>
							<i></i>
						</div>	 -->				
					</div>
					
					
					<c:forEach var="subevalua" items="${evalua.subevaluateLogList }">
					<div style="display:none;" class="morelist<%=i%> gengduo">
						<c:if  test="${subevalua.type  eq 1 }">
							<div  style="border-bottom: 1px solid #eee;margin-left: 10px;margin-top: 10px;padding-bottom:10px">
								
								<span style="font-weight: bold;">门店追评：</span>${subevalua.content }
							   <br />
							   <p style="color: #afafaf;text-align:right;font-size: 12px;"><fmt:formatDate value="${subevalua.crTime }" pattern="yyyy-MM-dd HH:mm:ss"/></p>
							</div>
						
						</c:if>
						<c:if test="${subevalua.type  ne 1 }">
							<div style="border-bottom: 1px solid #eee;padding-bottom: 10px;padding-top: 10px;">
								<div class="answer_text" >
								<p>厂家回复：${subevalua.content }</p>
								<i></i>
							</div>	
								<p style="color: #afafaf;text-align:right;font-size: 12px;"><fmt:formatDate value="${subevalua.crTime }" pattern="yyyy-MM-dd HH:mm:ss"/></p>
							</div>
						</c:if>
					</div>
					</c:forEach>
					
					
					<div style="text-align: right;color: orangered;margin-top: 10px;" id="sss<%=i%>" onclick="more(<%=i%>)">更多</div>
				</li>
				
			</ul>
			</c:forEach>
		</div>	
		
		
			<script>
			var Array = document.getElementsByClassName('pname');
		//	alert(Array.length);
			function user(id){
 				    var tel = $('.user'+id).html();
 					var reg = /^(.).*(.)$/;
 					$('.user'+id).text(tel.replace(reg, "$1**$2"));
 		}			
			function init(){
				for(var i=1;i<=Array.length; i++){
					user(i);
				}				
			}
			init();
 		</script>
 		
 		<script language="JavaScript">		
			function more(id){
				$('.morelist'+id).toggle();
				var textId = document.getElementById('sss'+id);
			   
				if(textId.innerHTML == "收起") {						
						textId.innerHTML = "更多";
						
					} else {
						textId.innerHTML = "收起";						
								
					}
			}
		</script>
		
		<script type="text/javascript" src="${ctxStatic}/jiu/js/startScore.js"></script>	
		<script>
			//显示分数
			$(".show_number div p").each(function(index, element) {
				var num = $(this).attr("tip");
				var www = num * 2 * 11; //
				$(this).css("width", www);
			});
		</script>
	</body>
</html>